<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./搜索详情页.css">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <div class="wai">
        <div class="tobu">
        <!-- 左上角字 -->
        <div class="ding">
        <p>送货至：四川</p>
        <!-- 右上角列表 -->
        <div class="youshang"><span>你好！请登录 <a href="../注册页/注册.html">免费注册</a>丨我的订单丨收藏夹 <i class="fa fa-angle-down fa-1g"></i>
        客户服务 <i class="fa fa-angle-down fa-1g"></i> 网站导航 <i class="fa fa-angle-down fa-1g"></i>&nbsp;&nbsp;丨关注我们：<img src="../首页完成后/首页完成后/weibo.png">
        &nbsp;<img src="../首页完成后/首页完成后/weixin.png">丨手机版&nbsp;&nbsp;<img src="../首页完成后/首页完成后/shouji.png"></span>
        </div></div>
        <!-- 1号店logo -->
        <div class="logo">
            <h3>yhd.com</h3>
        </div>
        <!-- 搜索框 -->
        <div class="sousuo">
            <input type="text" placeholder="请输入关键字">
                <a class="sousuokuang" href="../搜索列表页/搜索详情页.html">搜索</a><br>
                <span>咖啡&nbsp;&nbsp;iphone 6S&nbsp;&nbsp;新鲜美食&nbsp;&nbsp;蛋糕&nbsp;&nbsp;日用品&nbsp;&nbsp;连衣裙</span>
            </div>
        <div class="gowu">购物车</div>
        <a href="../首页完成后/首页完成后.html" class="erji">全部商品分类</a>
        <div class="zhuyouce">
            <p><span>首页</span> &nbsp;&nbsp;&nbsp;<span>自营超市</span> &nbsp;&nbsp;&nbsp;1号店 &nbsp;&nbsp;&nbsp;1号超市 
                &nbsp;&nbsp;&nbsp;女装 &nbsp;&nbsp;&nbsp;美妆 &nbsp;&nbsp;&nbsp;1号海购 &nbsp;&nbsp;&nbsp;团购</p>
                <a href="../首页详情页/首页详情页.html">手机下单惊喜多!</a>
            </div>
        </div>
        <div class="pingpai">全部>珠宝饰品>珍珠项链
            <div class="xuxian"><p>品牌：<em>珠韵首饰</em></p></div>
        </div>
        <div class="xuanze">
            <div class="ming">
                <ul class="ol">
                    <li>品牌：</li> 
                    <li>珠韵首饰/ZHUYUN JEWELLERY</li>
                    <li class="ba">施华洛世奇/Swarovski</li>
                    <li class="ba">海瞳</li>
                    <li class="ba">周大福/CHOW TAI FOOK</li>
                    <li class="ba">京润珍珠</li>
                    <li class="ba">佰色传情/BRI.R</li>
                    <li class="ba">迈资/Maizi</li>
                    <li class="ba">Ginasy Jewelry</li>
                    <li class="ba">心鑫圆</li>
                    <li class="ba">银斯妮/yin si ni silver</li>
                    <li class="ba">迈资/Maizi</li>
                    <li class="ba">Ginasy Jewelry</li>
                    <li class="ba">蛟蓓</li>
                    <li class="ba">芭比/Barbie</li>
                    <li class="ba">珍福祥</li>
                    <li class="ba">珍福祥</li>
                </ul>
            </div>
            <div class="jiage">
                <ul>
                    <li>价格:</li>
                    <li class="ba">0-199</li>
                    <li>200-399</li>
                    <li class="ba">400-599</li>
                    <li class="ba">600-899</li>
                    <li class="ba">900-1299</li>
                    <li class="ba">1300-1399</li>
                    <li class="ba">1400以上</li>
                </ul>
            </div>
            <div class="yanse">
                <ul>
                    <li>珍珠颜色：</li>
                    <li class="ba">混彩</li>
                    <li class="ba">黑色系</li>
                    <li class="ba">粉色系</li>
                    <li class="ba">白色系</li>
                    <li class="ba">金色系</li>
                    <li class="ba">紫色系</li>
                </ul>
            </div>
            <div class="fenlei">
                <ul>
                    <li>珍珠分类：</li>
                    <li class="ba">天然海水珍珠</li>
                    <li class="ba">养殖海水珍珠</li>
                    <li class="ba">养殖淡水珍珠</li>
                    <li class="ba">天然淡水珍珠</li>
                </ul>
            </div>
        </div>
        <div class="lishi">
            <p class="liulan">
                浏览历史 <span>清空</span>
            </p>
            <li class="li1">默认</li>
            <li class="li2">销量</li>
            <li class="li3">价格</li>
            <li class="li4">新品</li>
            <span class="gong">共发现120件</span>
        </div>
        <div class="Dior">
            <img src="./搜索详情页/搜索列表页完成后效果_07.gif">
            <p>Dior/迪奥香水2件套装</p>
            <span>&yen;368.00</span>
        </div>
        <div class="Dier">
            <img src="./搜索详情页/搜索列表页完成后效果_24.gif">
            <p>Dior/迪奥香水2件套装</p>
            <span>&yen;768.00</span>
        </div>
        <div class="Disan">
            <img src="./搜索详情页/搜索列表页完成后效果_47.gif">
            <p>Dior/迪奥香水2件套装</p>
            <span>&yen;680.00</span>
        </div>
        <div class="Disan">
            <img src="./搜索详情页/搜索列表页完成后效果_64.gif">
            <p>Dior/迪奥香水2件套装</p>
            <span>&yen;368.00</span>
        </div>
        <div class="Disan">
            <img src="./搜索详情页/搜索列表页完成后效果_72.gif" width="160px" height="150px">
            <p>Dior/迪奥香水2件套装</p>
            <span>&yen;368.00</span>
        </div>
        <div class="dati">
            <div class="haitong">
                <div class="jiakuang"></div>
                <img src="./搜索详情页/搜索列表页完成后效果_17.gif" width="180px" height="150px">
                <p>&yen;198.00</p>
                <span>海瞳7-8mm水滴形天然珍珠项链</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
            <div class="haitong">
                <img src="./搜索详情页/搜索列表页完成后效果_35.gif" width="180px" height="150px">
                <p>&yen;1980.00</p>
                <span>海瞳 明星款 玛瑙天然淡水珍珠</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
            <div class="haitong">
                <img src="./搜索详情页/搜索列表页完成后效果_55.gif" width="180px" height="150px">
                <p>&yen;670.00</p>
                <span>小清新8.5-10.5mm珍珠吊坠项链</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
            <div class="haitong">
                <img src="./搜索详情页/搜索列表页完成后效果_35.gif" width="180px" height="150px">
                <p>&yen;618.00</p>
                <span>无暇品质(925银玫瑰花型银扣)</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
            <div class="haitong">
                <img src="./搜索详情页/搜索列表页完成后效果_55.gif" width="180px" height="150px">
                <p>&yen;198.00</p>
                <span>超强光珍珠吊坠项链</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
        </div>
        <div class="datu">
            <div class="haitong">
                <div class="jiakuang"></div>
                <img src="./搜索详情页/搜索列表页完成后效果_10.gif" width="180px" height="150px">
                <p>&yen;598.00</p>
                <span>佰色传情淡水珍珠项链圆8-9mm</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
            <div class="haitong">
                <img src="./搜索详情页/搜索列表页完成后效果_41.gif" width="180px" height="150px">
                <p>&yen;198.00</p>
                <span>佰色传情 淡水珍珠项链</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
            <div class="haitong">
                <img src="./搜索详情页/搜索列表页完成后效果_60.gif" width="180px" height="150px">
                <p>&yen;2198.00</p>
                <span>京润【简爱】淡水珍珠项链</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
            <div class="haitong">
                <img src="./搜索详情页/搜索列表页完成后效果_41.gif" width="180px" height="150px">
                <p>&yen;260.00</p>
                <span>珍珠吊坠925银镀金 淡水珍珠项链</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
            <div class="haitong">
                <img src="./搜索详情页/搜索列表页完成后效果_60.gif" width="180px" height="150px">
                <p>&yen;865.00</p>
                <span>节节高升花生款(玫瑰色款)</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
        </div>
        <div class="dasan">
            <div class="haitong">
                <img src="./搜索详情页/3333.png" width="180px" height="150px">
                <p>&yen;440.00</p>
                <span>京润【魅惑】海水珍珠项链</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
            <div class="haitong">
                <img src="./搜索详情页/搜索列表页完成后效果_38.gif" width="180px" height="150px">
                <p>&yen;390.00</p>
                <span>7-8mm米形珍珠 加长型</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
            <div class="haitong">
                <img src="./搜索详情页/搜索列表页完成后效果_57.gif" width="180px" height="150px">
                <p>&yen;5198.00</p>
                <span>海瞳 罕见7-8mm高亮泽 表皮光</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
            <div class="haitong">
                <img src="./搜索详情页/搜索列表页完成后效果_38.gif" width="180px" height="150px">
                <p>&yen;198.00</p>
                <span>海瞳 淡水珍珠项链锁骨链</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
            <div class="haitong">
                <img src="./搜索详情页/搜索列表页完成后效果_57.gif" width="180px" height="150px">
                <p>&yen;198.00</p>
                <span>佰色传情 编织款珍珠项链</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
        </div>
        <div class="dasi">
            <div class="haitong">
                <div class="jiakuang"></div>
                <img src="./搜索详情页/搜索列表页完成后效果_14.gif" width="180px" height="150px">
                <p>&yen;680.00</p>
                <span>心鑫圆 天然珍珠项链淡水套装</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
            <div class="haitong">
                <img src="./搜索详情页/搜索列表页完成后效果_43.gif" width="180px" height="150px">
                <p>&yen;2980.00</p>
                <span>珍韵首饰 多色可选(佰色)</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
            <div class="haitong">
                <img src="./搜索详情页/搜索列表页完成后效果_62.gif" width="180px" height="150px">
                <p>&yen;212.00</p>
                <span>媲美海水珠 天然浅粉金色珍珠项链</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
            <div class="haitong">
                <img src="./搜索详情页/搜索列表页完成后效果_43.gif" width="180px" height="150px">
                <p>&yen;698.00</p>
                <span>海瞳 淡水珍珠吊坠</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
            <div class="haitong">
                <img src="./搜索详情页/搜索列表页完成后效果_62.gif" width="180px" height="150px">
                <p>&yen;2198.00</p>
                <span>珠圆玉润 送爱人</span>
                    <div class="shoucang">
                        <div class="shoucangxin"><p>收藏</p></div>
                        <div class="jiarugowuche"><p>加入购物车</p></div>
                    </div>
            </div>
        </div>
        <div class="fanxiaye">
            <div class="shangyiye"><p>上一页</p></div>
            <div class="diyiye"><p>1</p></div>
            <div class="dierye"><p>2</p></div>
            <div class="disanye"><p>3</p></div><p class="diandian">···</p>
            <div class="diershiye"><p>20</p></div>
            <div class="xiayiye"><p>下一页</p></div>
        </div>
        <div class="kuaisu">
            <div class="zhengpin">
                <img src="../首页完成后/首页完成后/首页完成后效果_40.png" >
                <p>正品保障</p>
                <span>正品行货 放心购买</span>
            </div>
            <div class="baoyou">
                <img src="../首页完成后/首页完成后/首页完成后效果_43.png" >
                <p>满38包邮</p>
                <span>满38包邮 免运费</span>
            </div>
            <div class="dijia">
                <img src="../首页完成后/首页完成后/首页完成后效果_46.png" >
                <p>天天低价</p>
                <span>天天低价 畅选无忧</span>
            </div>
            <div class="songda">
                <img src="../首页完成后/首页完成后/首页完成后效果_49.png" >
                <p>准时送达</p>
                <span>收货时间由你做主</span>
            </div>
        </div>
        <div class="saoyisao">
            <div class="tishi">
            <ol>新手上路
                <li>售后流程</li>
                <li>购物流程</li>
                <li>订购方式</li>
                <li>隐私声明</li>
                <li>推荐分享说明</li>
            </ol>
            <ol>配送与支付
                <li>货到付款区域</li>
                <li>配送支付查询</li>
                <li>支付方式说明</li>
            </ol>
            <ol>会员中心
                <li>资金管理</li>
                <li>我的收藏</li>
                <li>我的订单</li>
            </ol>
            <ol>服务保障
                <li>退换货原则</li>
                <li>售后服务保证</li>
                <li>产品质量保证</li>
            </ol>
            <ol>联系我们
                <li>网站故障报告</li>
                <li>购物咨询</li>
                <li>投诉与建议</li>
            </ol>
            </div>
            <div class="erweima">
                <img src="../首页完成后/首页完成后/首页完成后效果_56.png">
                扫一扫关注我们！
            </div>
            <div class="dianhua">
                <p class="weiboer">&nbsp;新浪微博</p><br><br>
                <p class="tengxun">&nbsp;腾讯微博</p>
                <p class="rexian">服务热线：
                    <br><span>400-123-4567</span>
                </p>
            </div>
        </div>
        <div class="chengxing">
            <span>备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com Copyright©1号店网上超市 2007-2016，All Rights Reserved. 
            复制必究，Technical Support Dgg Group</span>
            <img src="../首页完成后/首页完成后/首页完成后效果_66.png">&nbsp;&nbsp;&nbsp;<img src="../首页完成后/首页完成后/首页完成后效果_68.png">&nbsp;&nbsp;&nbsp;&nbsp;<img src="../首页完成后/首页完成后/首页完成后效果_70.png">
            &nbsp;&nbsp;&nbsp;<img src="../首页完成后/首页完成后/首页完成后效果_72.png">&nbsp;&nbsp;&nbsp;<img src="../首页完成后/首页完成后/首页完成后效果_74.png">&nbsp;&nbsp;&nbsp;&nbsp;<img src="../首页完成后/首页完成后/首页完成后效果_76.png">
        </div>
    </div>
</body>
</html>